<script language="javascript" type="text/javascript">
function ObjOnFocus(field, strMess) {
if (field.value == strMess) {
field.value = '';
field.className = "txt_focus";
}
}
function ObjOnBlur(field, strMess) {
if (field.value == '') {
field.value = strMess;
field.className = "txt_empty";
}
}
    
$(document).ready(function(){
    
   
    setInterval(function(){
        
      var id = $("#id").val();
     $.ajax({
            type: "POST",
            url: "http://ptvshop.com/ajax/comment_all",
            data: {id:id},
            success: function(html){
                $("ul#comment_reply").html(html);
            }
        });
    },30000);

$("#send").click(function(){
    
    var name = $("#txt_ten").val();
    var email = $("#txt_email").val();
    var comment = $("#txt_comment").val();
     var id = $("#id").val();
     if(name=='Họ Tên' || email=='Email' || comment=='Viết ý kiến của bạn')
     {
            alert('Bạn chưa nhập đầy đủ thông tin');
     }
     else
     {
        
        $.ajax({
            type: "POST",
            url: "http://ptvshop.com/ajax/comment",
            data: { name: name, email: email,body:comment,id:id  },
            cache: false,
            success: function(html){
                $("ul#comment_reply").append(html);
                $("ul#comment_reply li:last").fadeIn("slow");
                document.getElementById('txt_email').value='';
                document.getElementById('txt_ten').value='';
                document.getElementById('txt_comment').value='';
	           $("#txt_ten").focus();
                
            }
        });
        
     }
    
});
});
</script>
<ul id="comment_reply">
{list_comment}
</ul>
<ul id="commnent">
  <li>
    <span style="color: red;">CHIA SẼ Ý KIẾN   </span>
    <span><input type="text" id="txt_ten" class="txt_textbox" value="Họ Tên" name="txt_ten" onblur="ObjOnBlur(this,'Họ Tên')" onfocus="ObjOnFocus(this,'Họ Tên')"/>*</span>
    
    <span><input type="text" id="txt_email" class="txt_textbox" value="Email" name="txt_email" onblur="ObjOnBlur(this,'Email')" onfocus="ObjOnFocus(this,'Email')"/>*</span>
    <input type="hidden" name="id" id="id" value="{id}" />
  </li>
  <li>
      <span><textarea class="cmt_content txt_textbox" id="txt_comment"  cols="30" rows="3" onblur="ObjOnBlur(this,'Viết ý kiến của bạn')" onfocus="ObjOnFocus(this,'Viết ý kiến của bạn')" >Viết ý kiến của bạn</textarea></span>
  </li>
  <li><span id="send" class="button red" style="width: 50px!important;">Gởi ý kiến</span></li>
</ul>

